/* The following info will help if changes to the CSS need to occur.
*
*  Main Font        - Arial, Helvetica, sans-serif
*  Title            - 24px
*  Large Font Size  - 16px
*  Medium Font Size - 14px
*  Small Font Size  - 12px
*  Grey             - #aD7D7D //loading message
*  Black / Blue     - #000E2E
*  Black            - #000000
*  Dark Blue (Garue)- #336699
*  Royal Blue       - #0000cc
*  Med Blue         - #6699cc //column header blue
*  Light Gmail Blue - #c3d9ff
*  Super Light Blue - #e0edfe
*  Bright Blue      - #bfefff //dragging in the multi level table
*  Lightest blue    - #edf6ff
*  White            - #ffffff
*  Error border red - #ba1911
*  Error content red- #e39789
*
*  Do a search/replace for these values to modify them
*/

.close-Button {
  font-size: 70%;
  float:right;
  line-height: 1em;
  color: #3a6aad;
  cursor: hand;
  cursor: pointer;
  font-weight: bold;
  padding: 0px;
  margin-right: 10px;
  border: 1px solid #3a6aad;
}

.listItemSelected
{
background-color: #edf6ff;
}
.listItem
{
    font-size: 12px;
}
.list {    
    background: #E0ECFF;
    margin-left: 2px;
    padding: 2px;
    background: #eaeff6;
    border: 1px solid #bbbbbb;
    width: 100%;    
}
.progressBar {
	background:  #0000cc;
}
.progressBarContainer {
	border: 1px solid #000000;
}
.progressBarLabel {
    padding-left: 0px;
    font-size: 14px;
    font-weight: bold;
    cursor: wait;
    width: 100%;
    height: 100%;
}
	
/*********************
*    MAIN APPLICATION AREA
*********************/
.gwt-DatePicker {
  border: 1px solid #ccc;
  border-top:1px solid #999;
  cursor: default;
}

.gwt-DatePicker td,
.datePickerMonthSelector td:focus {
  outline: none;
}

.datePickerMonthSelector td:focus {
  outline: none;
}

.datePickerDays {
  width: 100%;
  background: white;
}

.datePickerDay,
.datePickerWeekdayLabel,
.datePickerWeekendLabel {
  font-size: 85%;
  text-align: center;
  padding: 4px;
  outline: none;
  font-weight:bold;
  color:#333;
  border-right: 1px solid #EDEDED;
  border-bottom: 1px solid #EDEDED;
}

.datePickerWeekdayLabel,
.datePickerWeekendLabel {
  background: #fff;
  padding: 0px 4px 2px;
  cursor: default;
  color:#666;
  font-size:70%;
  font-weight:normal;
}

.datePickerDay {
  padding: 4px 7px;
  cursor: hand;
  cursor: pointer;
}

.datePickerDayIsWeekend {
  background: #f7f7f7;
}

.datePickerDayIsFiller {
  color: #999;
  font-weight:normal;
}

.datePickerDayIsValue {
  background: #d7dfe8;
}

.datePickerDayIsDisabled {
  color: #AAAAAA;
  font-style: italic;
}

.datePickerDayIsHighlighted {
  background: #F0E68C;
}

.datePickerDayIsValueAndHighlighted {
  background: #d7dfe8;
}

.datePickerDayIsToday {
  padding: 3px;
  color: #fff;
  background: url(images/hborder.png) repeat-x 0px -2607px;
}

.datePickerMonthSelector {
  width: 100%;
  padding: 1px 0 5px 0;
  background: #fff;
}

.datePickerPreviousButton,
.datePickerNextButton {
  font-size: 120%;
  line-height: 1em;
  color: #3a6aad;
  cursor: hand;
  cursor: pointer;
  font-weight: bold;
  padding: 0px 4px;
  outline: none;
}

td.datePickerMonth {
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
  font-size: 100%;
  font-weight: bold;
  color: #333;
}

.gwt-DateBox {
  padding: 5px 4px;
  vertical-align: middle;
  border: 1px solid #ccc;
  border-top: 1px solid #999;
    color: #336699;
    border: 1px solid #336699;
    height: 18px;
    font-size: 12px;
    padding: 1px;
 width:75px;
}

.gwt-DateBox input {
  width: 8em;
}

.dateBoxFormatError {
  background: #ffcccc;
}

.dateBoxPopup {
}

.oasis-ApplicationStatusPanel {
    margin:5px;
    position:absolute;
    right:0;
    top:45px;
}

.oasis-ApplicationStatusPanel .oasis-NameLabel {
    color: #000000;
    font-style: italic;
    font-size: 16px;
    margin-right: 10px;
}

.oasis-ApplicationStatusPanel .oasis-LogoutButton {
    cursor: pointer;
    cursor: hand;
    font-size: 12px;
    padding: 0;
}

.oasis-ApplicationContentArea {
    margin: 5px;
}

.oasis-ApplicationHeader {
        border-bottom: 2px #6699cc solid;
}

.oasis-LinkBar .oasis-Launcher {
    font-size: 14px;
}

.oasis-LinkBar {
    font-size: 14px;
    margin-right: 4px;
    margin-top: 2px;
}

.oasis-SearchBox {
    margin: 10px;
}

.oasis-LinkBar .oasis-Username {
    font-weight: bold;
}


/************************
* MAIN APPLICATION TABS
*************************/
.oasis-ApplicationHeader .alan {
  background-image:url(img/menuback.gif);
  background-repeat:repeat-x;
  background-position:bottom;
  font-weight:bold;
  font-size:14px;
  margin-left: 15px;
  border: 2px #ff0000 solid;
}


.gwt-TabBar {
  background-image:url(img/menuback.gif);
  background-repeat:repeat-x;
  background-position:bottom;
  font-weight:bold;
  font-size:14px;
/*  margin-left: 15px;*/
 
}

.gwt-TabBar .gwt-TabBarFirst {
  height: 17px;
  border-bottom: 0px;
  width:7px;
  background-image:url(img/menuback-left.gif);
  background-repeat:no-repeat;
  background-position:bottom;
  padding: 19px 0px 2px 0px;
}

.gwt-TabBar .gwt-TabBarRest {
  padding-right: 3px;
}

.oasis-Gradient {
    background-image: url("img/menuback-right.gif");
    background-position: left bottom;
    background-repeat: no-repeat;
}

.gwt-TabBar .gwt-TabBarItem {
  padding: 17px 8px 2px 8px;
  cursor: pointer;
  cursor: hand;
  border-top: 0px solid #ffffff;
  border-bottom:0px solid #ffffff;
  height:20px;
  font-size: 14px;
  bottom:0;
  color: #336699;
}

.gwt-TabBar .gwt-TabBarItem-selected {
  padding: 5px 8px 0px 8px;
  cursor: default;
    background-image:url(img/tabmenu_back.gif);
  background-repeat:repeat-x;
  background-position:top;
  height:28px;
  color:#ffffff;
  font-size: 14px;
  border-bottom:0px;
  /*border-bottom: 2px solid #336699;*/
  border-top: 1px solid #336699;
  border-left: 1px solid #336699;
  border-right: 1px solid #336699;
}

.gwt-TabBar .gwt-TabBarItem-selected .gwt-Label{
    color:#ffffff;
}

.gwt-TabPanelBottom
{
	border-left: 1px #6699cc solid;
	border-right: 1px #6699cc solid;
	border-bottom: 1px #6699cc solid;
}


/*********************
*    HOME WIDGET
*********************/
.oasis-HomeWidget {
    overflow: auto;
}

.oasis-HomeWidget .oasis-InfoMsg {
    float: clear;
    font-size: smaller;
    padding: 10px;
}

.oasis-Description {
    font-size: 12px;
    font-style: italic;
    margin: 10px 0 0;
}

.oasis-DirectionHeading {
    border-bottom:1px solid #C3D9FF;
    font-size:14px;
    font-weight:bold;
    width:100%;
    color:#336699;
}

.oasis-DirectionContent {
    font-size:11px;
    font-style:italic;
    margin: 0 0 0 10px;
}

/*********************
*  EnrolmentsWidget
*********************/

.oasis-EnrolmentsFeature .oasis-Title {
    font-size: 24px;
}

.oasis-PersonFeature .oasis-Actions {
    margin: 5px;
}
/*************************
*   Nav Bar
*************************/

.oasis-NavPanel {
    background-color: #c3d9ff;
    overflow: auto;
    height: 100%;
}

.oasis-Explorer .gwt-SplitLayoutPanel-VDragger{
    background: #6699cc url(img/thumb_vertical.png) center center no-repeat;

    cursor: row-resize;
}

.oasis-Explorer .gwt-SplitLayoutPanel-HDragger {
    background: #6699cc url(img/thumb_horz.png) center center no-repeat;
    cursor: col-resize;
}

.oasis-ListElement {
    padding: 3px;
}

.oasis-Explorer .oasis-Title {
   background-color: #6699cc;
   color: white;
   font-weight: bold;
   padding-left: 10px;
   height: 100%;
}

.oasis-SelectedIndicator {
    background-image: url("img/blueTriangle.png");
    background-repeat: no-repeat;
    width: 7px;
    height: 13px;
    padding-right: 3px;
}

.oasis-Selected {
    background-image: url("img/blueTriangle.png");
    background-repeat: no-repeat;
    background-position:right;
    background-color: #edf6ff;
    border:1px solid #c3d9ff;
/*
*  Light Gmail Blue - #c3d9ff
*  Super Light Blue - #e0edfe
*  Bright Blue      - #bfefff
*  Lightest blue    -    #edf6ff
*/
}

.oasis-Explorer .oasis-Content {
    padding: 5px;
}

.oasis-NavPanel .gwt-TreeItem {
    white-space: nowrap;
}

.oasis-HomeButton {
    font-size: 14px;
}

.oasis-HomeButton-Clickable {
    color:#3E6F9E;
    text-decoration:underline;
    cursor: pointer;
    cursor: hand;
}

.oasis-Cell
{
    font-size: 12px;
    padding: 0px;
}

.oasis-Cell-Clickable {
    color:#3E6F9E;
    text-decoration:underline;
    cursor: pointer;
    cursor: hand;
}

.oasis-Cell-Clickable:hover {
    color: #000000;
}

.oasis-Launcher-Clickable {
    color:#3E6F9E;
    text-decoration:underline;
    cursor: pointer;
    cursor: hand;
}

.oasis-Launcher-Clickable:hover {
    color: #000000;
}


.oasis-HomeButton-Selected {
    background-color: #6699CC;
    color: #FFFFFF;
    font-weight: bold;
    padding: 2px;
}

.oasis-EntityWidget-Selected .oasis-Launcher {
    background-color: #6699CC;
    color: #FFFFFF;
    font-weight: bold;
    padding: 2px;
    cursor: auto;
    text-decoration: none;
}

.oasis-SymbolPanel {
    border-left: 1px solid white;
    border-right: 1px solid white;
    height: 20px;
    margin-top: -10px;
    position: relative;
    top: 50%;
    width: 1px;
}

.oasis-NavPanel .oasis-GroupTitle {
    white-space: nowrap;
    font-weight: bold;
    font-size: 14px;
}

.oasis-NavPanel .oasis-OasisBox {
    margin-left: 5px;
}

.oasis-NavPanelHeader {
    font-style: italic;
    font-weight: bold;
    margin-left: 5px;
    white-space: nowrap;
}

.oasis-ObjectDescriptor {
}

.oasis-ObjectDescriptor-Selected {
    background-color: #C3D9FF;
}

/*********************
*  ResultSetTable
*********************/

.oasis-Menu-FilterColumn {
    background-image: url(img/filter.png);
}

.oasis-Menu-SortDescending {
    background-image: url(img/view-sort-descending.png);
}

.oasis-Menu-SortAscending {
    background-image: url(img/view-sort-ascending.png);
}

.oasis-Menu-EditSubHeaders {
    background-image: url(img/edit.png);
}

.oasis-Menu-HideColumn {
    background-image: url(img/window-close.png);
}

.oasis-Menu {
    padding-left: 17px;
    background-repeat: no-repeat;
    font-size: 12px;
}

.oasis-PerPageLabel {
    margin-left: 5px;
}

.oasis-TablePanel {
    background: #c3d9ff;
    padding: 4px;
}

.oasis-FilterPanel {
    white-space: nowrap;
    font-size: 12px;
}

.oasis-FilterElement:hover {
    /* Override glass panel to 30% opacity (= 70% transparency) */
    filter: alpha(opacity = 30) !important; /* IE */
    opacity: 0.3 !important; /* non-IE */
}

.oasis-ExpandableHeader {
    margin: 0 7px;
}

.oasis-ResultSelector {
    font-size: 12px;
}

.oasis-PageSizePanel {
    position: relative;
    float: right;
    margin: 2px;
}


.oasis-PageSizePanel .gwt-Label{
    margin: 0 0 0 3px;
}


.oasis-TablePaginator {
    margin: auto;
    font-size: 12px;
}

.oasis-SelectColumnsTree {
    font-size: 12px;
}
.oasis-TablePaginator .gwt-Hyperlink {
    color: #336699;
    cursor: pointer;
    cursor: hand;
}

.oasis-ResultSetTable .oasis-ResultsTab {
    font-weight: bold;
}

.oasis-ResultSetTable .oasis-SettingsTab {
    font-size: 12px;
}

.oasis-ResultSetTable .gwt-MenuItem {
    cursor: pointer;
    cursor: hand;
    background-image: url(img/white-dropdown.png);
    background-position: right;
    background-repeat:no-repeat;
    padding-right:10px;
}

.oasis-NavPanel .gwt-MenuItem {
    cursor: pointer;
    cursor: hand;
    background-image: url(img/downarrow.gif);
    background-position: right;
    background-repeat:no-repeat;
    padding-right:12px;
}


.oasis-MultiLevelTable {
    border-collapse: collapse;
}

.oasis-HeaderContent {
    width: 100%;
}

.oasis-HeaderText {
    margin: 0 5px 0 5px;
    white-space: nowrap;
}

.oasis-MultiLevelTable .oasis-Header {
    background: #6699cc;
    color: #ffffff;
    font-weight: bold;
    font-size: 14px;
    border-left: 1px solid #c3d9ff;
    border-right: 1px solid #c3d9ff;
}

.oasis-MultiLevelTable .oasis-SubHeader {
    background-color: #336699;
    color: #ffffff;
    font-size: 12px;
    font-weight: bold;
    border-top: 1px solid #c3d9ff;
    width: 100%;
}

.oasis-MultiLevelTable .oasis-Header .gwt-MenuItem-selected {
    color: #336699;
}

.oasis-MultiLevelTable .oasis-Data {
    white-space: nowrap;
    padding: 1px 5px;
    font-size: 12px;
    background-color: #ffffff;
    border: 1px solid #c3d9ff;
}

.oasis-MultiLevelTable .gwt-MenuBar {
    margin-left: 3px;
}

.oasis-Launcher {
    font-size: 12px;
}

.oasis-ColumnDragSpacer {
    background-color:#EDF6FF;
    border:2px dashed #336699;
}

/*********************
*  DROP-DOWN MENUS
*
* GWT creates these as iframes that
* are not a part of the .oasis-ResultTable
*
*********************/
.gwt-MenuBar-vertical {
    background-color: #c3d9ff;
    color: #336699;
    padding: 1px;
    cursor: pointer;
    cursor: hand;
    font-size: 10px;
    border: 1px solid #6699cc;
    white-space: nowrap;
    z-index: 1000;
}



.gwt-MenuBar-vertical .gwt-MenuItem-selected {
    background: #e0edfe;
    z-index: 1000;
}

/*********************
* OTHER TAB PANEL
**********************/

.oasis-ResultSetTable {
    background-color: #C3D9FF;
    border: 5px solid #C3D9FF;
}

.oasis-ResultSetTable .oasis-Settings {
    cursor: pointer;
    cursor: hand;
    font-size: 14px;
}

.oasis-ConfigurationPopup .gwt-TabBar {
  font-weight: bold;
  text-align: center;
}

.oasis-ConfigurationPopup-Buttons {
    margin: 0 auto;
}

.oasis-ConfigurationPopup .gwt-TabBar .gwt-TabBarItem {
  cursor: pointer;
  cursor: hand;
  color: #336699;
  padding: 2px 5px;
  font-size: 14px;
}

.oasis-ConfigurationPopup .gwt-TabBar .gwt-TabBarItem-selected {
    cursor: default;
    background-color: #6699CC;
    color: white;
}

/*********************
*  DIALOGS / POPUPS
*********************/
.gwt-DisclosurePanel-open {
    border: 1px solid #336699;
    background-color: white;
}

.gwt-ListBox {    
    background: #E0ECFF;
    margin-left: 2px;
    padding: 2px;
   /* background: #eaeff6 url(img/bg_suggestgradient.gif) repeat-x;*/
   
    border: 1px solid #bbbbbb;
    font-size: 12px;       
}
.gwt-CheckBox {    
    margin: 2px 2px 2px 2px;
    padding: 2px 2px 2px 2px;
    background:  #edf6ff;   
    font-size: 12px;       
}


.oasis-Operator {
    font-size: 14px;
}

/**
 * Applied to the suggest box.
 */
.gwt-SuggestBox {
    padding: 2px;
    font-size: 12px;
    height: 15px;
}

.gwt-SuggestBox-error {
    color: #FF0000;
    font-style: italic;
    font-weight: bold;
}

.gwt-SuggestBoxPopup {
    background: #E0ECFF;
    margin-left: 2px;
    padding: 2px;
    background: #eaeff6 url(img/bg_suggestgradient.gif) repeat-x;
    border: 1px solid #bbbbbb;
    font-size: 12px;
    z-index: 5000000;
}

.gwt-SuggestBoxPopup .item {
    padding: 2px 6px;
    color: #424242;
    cursor: default;
}

.gwt-SuggestBoxPopup .item-selected {
    background-color: #E0EDFE;
    background: #eaeff6 url(img/bg_listgradient.gif) repeat-x;
}

.oasis-MainLoginPanel .oasis-LoginLabel { /*Labels of fields*/
    font-weight: bold;
    font-size: 14px;
}

.oasis-MainLoginPanel {
    margin: 0 auto;
    background-color: #E0EDFE;
    margin: 10px;
    border-width: 4px;
    border-style: double;
    border-color: #336699;
}

.gwt-TextBox,.gwt-PasswordTextBox {
    color: #336699;
    border: 1px solid #336699;
    height: 18px;
    font-size: 12px;
    padding: 1px;
    width: 100%;
}

.oasis-MessageConsole {
    background-color: #e39789;
    font-size: 10px;
    font-weight: bold;
    padding: 5px;
    border: 2px solid #ba1911;
}

/*********************
*  OASIS BOX
*********************/

.oasis-OasisBox .topLeft,
.oasis-OasisBox-red .topLeft {
  background-position: 0 0;
  background-repeat: no-repeat;
}

.oasis-OasisBox .topRight,
.oasis-OasisBox-red .topRight {
  background-position: -8px 0;
  background-repeat: no-repeat;
}

.oasis-OasisBox .bottomLeft,
.oasis-OasisBox-red .bottomLeft {
  background-position: 0 -8px;
  background-repeat: no-repeat;
}

.oasis-OasisBox .bottomRight,
.oasis-OasisBox-red .bottomRight {
  background-position: -8px -8px;
  background-repeat: no-repeat;
}
.oasis-OasisBox .topCenter,
.oasis-OasisBox-red .topCenter {
    background-repeat: repeat-x;
}
.oasis-OasisBox .bottomCenter,
.oasis-OasisBox-red .bottomCenter {
    background-repeat: repeat-x;
    background-position: 0 -7px;
}

.oasis-OasisBox .middleLeft,
.oasis-OasisBox-red .middleLeft {
  background-repeat: repeat-y;
  /* This is required when we set the middle width to be 100% to make
   this box fit the container   */
  width: 7px;
}

.oasis-OasisBox .middleRight,
.oasis-OasisBox-red .middleRight {
    background-repeat: repeat-y;
    background-position: -7px 0;
}

.oasis-OasisBox .topLeftInner,
.oasis-OasisBox .topRightInner,
.oasis-OasisBox .bottomLeftInner,
.oasis-OasisBox .bottomRightInner,
.oasis-OasisBox-red .topLeftInner,
.oasis-OasisBox-red .topRightInner,
.oasis-OasisBox-red .bottomLeftInner,
.oasis-OasisBox-red .bottomRightInner {
  width: 7px;
  height: 7px;
  zoom: 1;
}

.oasis-OasisBox {
    margin-right: 20px;
    margin-bottom: 20px;
}

.oasis-OasisBox .topLeft,
.oasis-OasisBox .topRight,
.oasis-OasisBox .bottomLeft,
.oasis-OasisBox .bottomRight {
  background-image: url(img/corners.png);
}

.oasis-OasisBox .middleLeft,
.oasis-OasisBox .middleRight {
  background-image: url(img/lr.gif);
}

.oasis-OasisBox .bottomCenter,
.oasis-OasisBox .topCenter {
  background-image: url(img/tb.gif);
}

.oasis-OasisBox-red .middleCenter {
    background-color: #e39789;
}

.oasis-OasisBox-red .topLeft,
.oasis-OasisBox-red .topRight,
.oasis-OasisBox-red .bottomLeft,
.oasis-OasisBox-red .bottomRight {
  background-image: url(img/corners_red.png);
}

.oasis-OasisBox-red .middleLeft,
.oasis-OasisBox-red .middleRight {
  background-image: url(img/lr_red.gif);
}

.oasis-OasisBox-red .bottomCenter,
.oasis-OasisBox-red .topCenter {
  background-image: url(img/tb_red.gif);
}

.oasis-OasisBox-fill .middleCenter {
    background-color: #edf6ff;
}

.oasis-OasisBox-fill .topLeft,
.oasis-OasisBox-fill .topRight,
.oasis-OasisBox-fill .bottomLeft,
.oasis-OasisBox-fill .bottomRight {
  background-image: url(img/corners_fill.png);
}

.oasis-OasisBox-fill .middleLeft,
.oasis-OasisBox-fill .middleRight {
  background-image: url(img/lr_fill.gif);
}

.oasis-OasisBox-fill .bottomCenter,
.oasis-OasisBox-fill .topCenter {
  background-image: url(img/tb_fill.gif);
}

.oasis-MainLabel {
    font-weight: bold;
    font-size: 14px;
    vertical-align: middle;
}

.gwt-DisclosurePanel-open {
    border: none;
    background: none;
}

.oasis-DetailTitle {
    font-size: 10px;
    font-weight: bold;
    color: #336699;
}

.oasis-Launcher-Other {
    padding: 0 0 0 10px;
}

.oasis-MorePanel {
    width: 100%;
}


/*********************
*   INFO BLURB
**********************/

.oasis-InfoBlurb .topLeft {
  background-position: 0 0;
}

.oasis-InfoBlurb .topRight {
  background-position: right 0;
}

.oasis-InfoBlurb .bottomLeft {
  background-position: 0 -59px;
}

.oasis-InfoBlurb .bottomRight {
  background-position: right -59px;
}
.oasis-InfoBlurb .topCenter {
    background-position: 0 -62px;
}
.oasis-InfoBlurb .bottomCenter {
    background-position: 0 -121px;
}

.oasis-InfoBlurb .middleLeft {
    background-position: 0 -2px;
    /*This is to avoid an issue where when we have a blurb inside an
    OasisBox, we inherit a width we really don't want*/
    width: auto;
}

.oasis-InfoBlurb .middleRight {
    background-position: right -2px;
}
.oasis-InfoBlurb .middleCenter {
    background-position: -6px -124px;
}

.oasis-InfoBlurb .topLeftInner,
.oasis-InfoBlurb .topRightInner,
.oasis-InfoBlurb .bottomLeftInner,
.oasis-InfoBlurb .bottomRightInner {
  width: 6px;
  height: 3px;
  zoom: 1;
}

.oasis-InfoBlurb .middleRightInner,
.oasis-InfoBlurb .middleLeftInner {
    width: 6px;
}

.oasis-InfoBlurb .topCenterInner,
.oasis-InfoBlurb .bottomCenterInner {
    height: 3px;
}

.oasis-InfoBlurb .topLeft,
.oasis-InfoBlurb .topRight,
.oasis-InfoBlurb .bottomLeft,
.oasis-InfoBlurb .bottomRight,
.oasis-InfoBlurb .middleLeft,
.oasis-InfoBlurb .middleRight,
.oasis-InfoBlurb .bottomCenter,
.oasis-InfoBlurb .topCenter,
.oasis-InfoBlurb .middleCenter {
    background-image: url(extgwt/images/default/qtip/tip-sprite.gif);
}

.oasis-InfoBlurb .middleCenterInner {
    width: 250px;
}

.oasis-InfoBlurb {
    color: #444444;
    font-size: 11px;
    white-space: normal;
}

/*********************
*   LOADING BOX
**********************/

.oasis-ModalPopup .popupTopLeft {
  background-position: left top;
}

.oasis-ModalPopup .popupTopRight {
  background-position: -1px top;
}

.oasis-ModalPopup .popupBottomLeft {
  background-position: left -1px;
}

.oasis-ModalPopup .popupBottomRight {
  background-position: -1px -1px;
}

.oasis-ModalPopup .popupTopCenter {
  background-position: left -3px;
  background-repeat: repeat-x;
}

.oasis-ModalPopup .popupBottomCenter {
  background-position: left -4px;
  background-repeat: repeat-x;
}

.oasis-ModalPopup .popupMiddleLeft {
  background-position: -397px top;
}

.oasis-ModalPopup .popupMiddleRight {
  background-position: -398px top;
}

.oasis-ModalPopup .popupTopLeftInner,
.oasis-ModalPopup .popupTopRightInner,
.oasis-ModalPopup .popupBottomLeftInner,
.oasis-ModalPopup .popupBottomRightInner {
  width: 2px;
  height: 2px;
}

.oasis-ModalPopup .popupMiddleRightInner,
.oasis-ModalPopup .popupMiddleLeftInner {
    width: 2px;
}

.oasis-ModalPopup .popupTopCenterInner,
.oasis-ModalPopup .popupBottomCenterInner {
    height: 2px;
}

.oasis-ModalPopup .popupTopLeft,
.oasis-ModalPopup .popupTopRight,
.oasis-ModalPopup .popupBottomLeft,
.oasis-ModalPopup .popupBottomRight,
.oasis-ModalPopup .popupMiddleLeft,
.oasis-ModalPopup .popupMiddleRight,
.oasis-ModalPopup .popupTopCenter,
.oasis-ModalPopup .popupBottomCenter
 {
    background-image: url(img/dark_edges.png);
}

.oasis-ModalPopup .popupContent {
    background-color: white;
}

.oasis-ConfigurationPopup .dialogTopLeft,
.oasis-ConfigurationPopup .dialogTopRight,
.oasis-ConfigurationPopup .dialogTopCenter {
    background-image: url(img/dark-caption.png);
}

.oasis-ConfigurationPopup .dialogTopLeft {
  background-position: left top;
}

.oasis-ConfigurationPopup .dialogTopRight {
  background-position: -1px top;
}

.oasis-ConfigurationPopup .dialogBottomLeft {
  background-position: left -1px;
}

.oasis-ConfigurationPopup .dialogBottomRight {
  background-position: -1px -1px;
}

.oasis-ConfigurationPopup .dialogTopCenter {
  background-position: left -29px;
  background-repeat: repeat-x;
}

.oasis-ConfigurationPopup .dialogBottomCenter {
  background-position: left -4px;
  background-repeat: repeat-x;
}

.oasis-ConfigurationPopup .dialogMiddleLeft {
  background-position: -397px top;
}

.oasis-ConfigurationPopup .dialogMiddleRight {
  background-position: -398px top;
}

.oasis-ConfigurationPopup .dialogTopLeftInner,
.oasis-ConfigurationPopup .dialogTopRightInner
{
    width: 2px;
    height: 29px;
}

.oasis-ConfigurationPopup .Caption {
    color: #336699;
    font-size: 16px;
    font-weight: bold;
    padding: 5px;
}
.oasis-ConfigurationPopup .dialogBottomLeftInner,
.oasis-ConfigurationPopup .dialogBottomRightInner {
  width: 2px;
  height: 2px;
}

.oasis-ConfigurationPopup .dialogMiddleRightInner,
.oasis-ConfigurationPopup .dialogMiddleLeftInner {
    width: 2px;
}

.oasis-ConfigurationPopup .dialogTopCenterInner {
    height: 29px;
    cursor: move;
}
.oasis-ConfigurationPopup .dialogBottomCenterInner {
    height: 2px;
}

.oasis-ConfigurationPopup .dialogBottomLeft,
.oasis-ConfigurationPopup .dialogBottomRight,
.oasis-ConfigurationPopup .dialogMiddleLeft,
.oasis-ConfigurationPopup .dialogMiddleRight,
.oasis-ConfigurationPopup .dialogBottomCenter
 {
    background-image: url(img/dark_edges.png);
}

.oasis-ConfigurationPopup .dialogContent {
    background-color: white;
}



/*********************
*      OTHER
*********************/

.oasis-ErrorPanel {
    width: 200px;
}

.oasis-ErrorPanel-Title {
    font-size: 20px;
    font-weight: bold;
    width: 100%;
    border-bottom: 1px solid #000066;
    color: #000066;
}

.oasis-ErrorPanel-Message {
    font-size: 12px;
    font-style: italic;
}

.oasis-Clickable {
    cursor: pointer;
    cursor: hand;
}

.oasis-AttributeCell {
    padding: 0px 4px;       
}

.oasis-InfoMsg {
    font-weight: bold;
    font-style: italic;
}

.oasis-TitleCell {
   /* background: #336699;   */ 
   background: #ffffff;
       padding: 0px;   
    margin: 0px; 
}

.oasis-DataCell {
    background: #ffffff;
    padding: 0px;   
    margin: 0px;  
    align: right;
}
.oasis-DataItem {
    background: #ffffff;
    font-size: 12px;   
    text-align:right;
}
.oasis-DataItemHighlighted {
    background: #e0edfe;
    font-size: 12px;   
    text-align:right;
    font-weight: bold;
}
.oasis-InfoGrid {
    background: #336699;
    padding: 0px;   
    margin: 0px;    
}
.oasis-RowTitle {
    color: black;
    background: #ffffff;
    font-weight: bold;
    white-space: nowrap;
    font-size: 14px;
        padding: 0px;   
    margin-top: 10px; 
    margin-left: 5px; 
    margin-right: 5px; 
    margin-bottom: 0px; 
}

.oasis-HomeGrid {
    width: 100%;
    height: 100%;
}

.oasis-WaitCursor {
    cursor: wait ! important;
}

.oasis-Button {
    color: white;
    cursor: pointer;
    cursor: hand;
    font-size: 13px;
    background-color: #3E6F9E;
}

.oasis-Button-Left {
    background: url(img/button.png);
    width: 5px;
    height: 20px;
}

.oasis-Button-Center {
    height: 20px;
    background-image: url(img/button-middle.png);
}

.oasis-Button-Right {
    background-image: url(img/button.png);
    background-position: -5px;
    width: 5px;
    height: 20px;
}

.oasis-LoadingPopup .gwt-HTML{
    color:#000066;
    font-size:16px;
    font-style:italic;
    font-weight:bold;
}

.oasis-LoadingPopup .oasis-Cancel {
    cursor: pointer;
    cursor: hand;
}

.loadingWidget {
    background: #ffffff url(img/loading.gif) center left no-repeat; ;
    padding-left: 20px;
    font-size: 14px;
    font-weight: bold;
    cursor: wait;
    width: 100%;
    height: 100%;
}

.oasis-DraggableWidget-Header {
    border-bottom:2px dotted #C3D9FF;
    color:#000000;
    font-size:18px;
    font-weight:bold;
}

.oasis-DynamicGrid-Column {
    float: left;
}

.oasis-DynamicGrid {
    width: 100%;
    height: 100%;
}

.oasis-DraggableWidget {
    width: 100%;
}

.oasis-noticeMessage {
    font-size: 12px;
    font-weight: bold;
}

.oasis-DragSpacer {
    height: 50px;
}

.oasis-AuthorizationWidget-RoleDescription {
    margin-left: 8px;
    font-size: 14px;
}

.oasis-AuthorizationWidget-ServiceLink {
    margin-left: 16px;
    font-size: 14px;
}

.oasis-AuthorizationWidget-Message {
    margin: 5px 0 5px 16px;
}

a:hover {
    color: #000000;
}

img {
    border: 0 none;
}

.oasis-Centered {
    margin: auto;
}

.gwt-PopupPanelGlass {
    filter: alpha(opacity = 60) !important; /* IE */
    opacity: 0.6 !important; /* non-IE */
    background-color: #000000 !important;
}

.gwt-MenuBarPopup { /* Makes sure that the menubar is always on top*/
    z-index: 5000000;
}

/*******************
Some default CSS from
http://gwt.google.com/samples/Showcase/Showcase.html
*/

.gwt-StackLayoutPanel
{
    border-bottom: 1px solid #bbbbbb;
}
    the panel itself
.gwt-StackLayoutPanel .gwt-StackLayoutPanelHeader
{
  padding-left: 7px;
  font-weight: bold;
  font-size: 1.2em;
}

.gwt-StackLayoutPanel .gwt-StackLayoutPanelHeader-hovering
{
  cursor: pointer;
  cursor: hand;
}
.gwt-StackLayoutPanel .gwt-StackLayoutPanelContent
{
  border: 1px solid #bbbbbb;
  border-bottom: 0px;
  background: white;
  padding: 2px 2px 10px 5px;
}


.gwt-DecoratedStackPanel {
  border-bottom: 1px solid #bbbbbb;
}

.gwt-DecoratedStackPanel .gwt-StackPanelContent {
  border: 1px solid #bbbbbb;
  border-bottom: 0px;
  background: white;
  padding: 2px 2px 10px 5px;
}

.gwt-DecoratedStackPanel .gwt-StackPanelItem {
  cursor: pointer;
  cursor: hand;
}

.gwt-DecoratedStackPanel .stackItemTopLeft,
.gwt-DecoratedStackPanel .stackItemTopRight {
  height: 6px;
  width: 6px;
  zoom: 1;
}

.gwt-DecoratedStackPanel .stackItemTopLeft {
  border-left: 1px solid #bbbbbb;
  background: #d3def6 url(img/corner.png) no-repeat 0px -49px;
  -background: #d3def6 url(img/corner_ie6.png) no-repeat 0px -49px;
}

.gwt-DecoratedStackPanel .stackItemTopRight {
  border-right: 1px solid #bbbbbb;
  background: #d3def6 url(img/corner.png) no-repeat -6px -49px;
  -background: #d3def6 url(img/corner_ie6.png) no-repeat -6px -49px;
}

.gwt-DecoratedStackPanel .stackItemTopLeftInner,
.gwt-DecoratedStackPanel .stackItemTopRightInner {
  width: 1px;
  height: 1px;
}

.gwt-DecoratedStackPanel .stackItemTopCenter {
  background: url(img/hborder.png) 0px -21px repeat-x;
}

.gwt-DecoratedStackPanel .stackItemMiddleLeft {
  background: #d3def6 url(img/hborder.png) repeat-x 0px -989px;
  border-left: 1px solid #bbbbbb;
}

.gwt-DecoratedStackPanel .stackItemMiddleLeftInner,
.gwt-DecoratedStackPanel .stackItemMiddleRightInner {
  width: 1px;
  height: 1px;
}

.gwt-DecoratedStackPanel .stackItemMiddleRight {
  background: #d3def6 url(img/hborder.png) repeat-x 0px -989px;
  border-right: 1px solid #bbbbbb;
}

.gwt-DecoratedStackPanel .stackItemMiddleCenter {
  font-weight: bold;
  font-size: 1.0em;
  background: #d3def6 url(img/hborder.png) repeat-x 0px -989px;
}

.gwt-DecoratedStackPanel .gwt-StackPanelItem-first .stackItemTopRight,
.gwt-DecoratedStackPanel .gwt-StackPanelItem-first .stackItemTopLeft {
  border: 0px;
  background-color: white;
}

.gwt-DecoratedStackPanel .gwt-StackPanelItem-below-selected .stackItemTopLeft,
.gwt-DecoratedStackPanel .gwt-StackPanelItem-below-selected .stackItemTopRight {
  background-color: white;
}

html>body .gwt-DecoratedStackPanel {
}

* html .gwt-DecoratedStackPanel .stackItemTopLeftInner,
* html .gwt-DecoratedStackPanel .stackItemTopRightInner {
  width: 6px;
  height: 6px;
  overflow: hidden;
}

.cw-StackPanelHeader {
  padding-left: 7px;
  font-weight: bold;
  font-size: 1.2em;
}
